<template>
	<view class="content">
		<image src="/static/success.png" mode="widthFix"></image>
		<view class="lc-title">支付成功</view>
		<view class="lc-name">可以在个人中心“待接单”查看</view>
		<view class="lc-look">查看订单</view>
		<view class="lc-goback">返回首页</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	page {
		background-color: #FFFFFF;
	}

	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	image {
		width: 132rpx;
		height: 132rpx;
		margin-top: 170rpx;
	}

	.lc-title {
		font-size: 36rpx;
		color: #333333;
		font-weight: bold;
		margin-top: 30rpx;
	}

	.lc-name {
		font-size: 30rpx;
		color: #999999;
		margin-top: 40rpx;
	}

	.lc-look {
		width: 334rpx;
		height: 80rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #FFFFFF;
		background-color: #84BD00;
		border-radius: 50rpx;
		margin-top: 150rpx;
		font-size: 30rpx;
	}

	.lc-goback {
		width: 334rpx;
		height: 80rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #333333;
		border: 1px solid #DBDBDB;
		border-radius: 50rpx;
		margin-top: 30rpx;
		font-size: 30rpx;
	}
</style>